<template>
  <div>
	  <div class="notProduct" v-show='showinfo'>
	    <img src="../assets/images/empty_orderlist-4f5604a6.png" alt="">
	    <p>{{title}}</p>
	  </div>
  </div>
</template>

<script>
    export default {
        name: 'MyComponent',
        data(){
        	return{
        		showinfo:true
        	}
        },
        props:{
        	title:{
        		type:String,
        		default:''
        	}
        }
    }
</script>

<style scoped>
.notProduct{
    text-align: center;
	position: absolute;
	left: 50%;
	top: 22%;
	transform: translateX(-50%);
}
</style>